.floorContainer {
    background-color: rgba(255, 255, 255, 0.7);
    align-items: center;
    border-radius: 17px;
    // @include boxShadow(0.3, 8);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);

    position: fixed;
    right: 15px;
    bottom: 200px;

    >div {
        width: 34px;
        height: 34px;
        align-items: center;
        cursor: pointer;

        &::after {
            width: 0;
            height: 0;
            content: "";
            border-right: 8px transparent solid;
            border-left: 8px transparent solid;
            border-radius: 3px;
            color: #7d7562;
        }

        &.up::after {
            border-top: none;
            border-bottom: 8px #7d7562 solid;
        }

        &.down::after {
            border-top: 8px #7d7562 solid;
            border-bottom: 0;
        }
    }

    >.scroll_box {
        overflow: auto;

        &::-webkit-scrollbar {
            display: none;
            width: 0;
            visibility: hidden;
            opacity: 0;
        }

        >li {
            width: 34px;
            height: 34px;
            color: #5781ff;
            align-items: center;
            cursor: pointer;

            &:last-child {
                border-bottom-color: transparent;
            }

            >span {
                display: block;
                width: 28px;
                height: 28px;
                border-bottom: 1px solid #d6dde2;
                position: relative;
                user-select: none;
                line-height: 28px;
                text-align: center;
                color: #999999;
                font-size: 12px;

                &.active {
                    // background: rgba(125, 117, 98, 0.7);
                    // color: #fff;
                    // font-weight: bold;

                    background: #0091ff;
                    border-radius: 50%;
                    color: #fff;
                }
            }
        }
    }
}